<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- 引入初始化样式表 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入注册页面样式表 -->
    <link rel="stylesheet" href="css/checkout.css">
    <script src="../Sports shoping/js/jquery.min.js"></script>
    <script src="./js/citylist.js"></script>
    <script src="./js/checkout.js"></script>
    <title>结算</title>
</head>
<body>
    <!-- 快捷导航模块 -->
    <section class="shortcut">
        <div class="w">
            <div class="zuo">
                <ul>
                    <li>体网购物欢迎你！&nbsp;&nbsp;&nbsp;</li>
                    <li>
                        <a href="../Sports shoping/login.html">请登录</a>&nbsp;<a href="../Sports shoping/register.html" class="a_2" target="_blank">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="you">
                <ul>
                    <li><a href="../Sports shoping/index.html">体网首页</a></li>
                    <li></li>
                    <li><a href="./shopCart.html">我的订单</a></li>
                    <li></li>
                    <li>我的会员</li>
                    <li></li>
                    <li class="arrow-icon">企业采购</li>
                    <li></li>
                    <li class="arrow-icon">客户服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 结算模块 -->
    <div class="w">
        <div class="toubu"><h1>结算</h1></div>
        <div class="peisong"><h2>1.配送</h2></div>
        <div class="peisong_biaodan">
            <div class="xing_ming">
                <div class="xing">
                    <div><label for="" class="xs">姓氏</label></div>
                    <input type="text"  class="xx">
                </div>
                <div class="ming">
                    <div><label for="" class="xs">名字</label></div>
                    <input type="text" class="xx">
                </div>
            </div>
            <div class="main">
                <div class="sf"><select id="provence"><option value="-1">请选择</option></select> 省份/地区</div>
                <div class="cs"><select id="city"><option value="-1">请选择</option></select> 城市</div>
                <div id="d-s"><select id="street"><option value="-1">请选择</option></select> 县区</div>
            </div>
            <div class="dizhi">
                <div><label for="" class="xs">详细地址</label></div>
                <input type="text" name="" id="" class="dz">
            </div>
            <div class="xing_ming">
                <div class="xing">
                    <div><label for="" class="xs">电子邮件</label></div>
                    <input type="text"  class="xx">
                </div>
                <div class="ming">
                    <div><label for="" class="xs">电话号码</label></div>
                    <input type="text" class="xx">
                </div>
            </div>
            <div class="baocun">
                <button class="jx">保存并继续</button>
            </div>
        </div>
        <div class="fukuan"><h2>2.付款</h2></div>
        <div class="fukuan_biaodan">
            <div class="fangshi">
                <div class="zhifubao">
                    <img src="./images/zfb.png" alt="">
                </div>
                <div class="weixin">
                    <img src="./images/weixin.png" alt="">
                </div>
                <div class="yinlian">
                    <img src="./images/yinlian.png" alt="">
                </div>
            </div>
            <aside>
                <header>
                    <h2>订单详情</h2>
                    <a href="#">编辑</a>
                </header>
                <div class="xinxi">
                    <div class="xinxi1">
                        
                    </div>
                    <div class="xinxi2"></div>
                </div>
            </aside>
            <div class="fapiao">
                <input type="checkbox">
                <label for="">电子发票</label>
            </div>
            <div class="xiadan">
                <a href="#">下单</a>
            </div>
        </div>
    </div>
    <!-- footer底部模块制作 -->
    <div class="footer">
        <div class="w">
            <div class="mod_service"> <!-- mod_service是服务模块意思 -->
                <ul>
                    <li>
                        <img src="../Sports shoping/images/logo-footer.png">
                    </li>
                    <li>
                        <p><a href="#">登录/注册</a></p>
                        <p><a href="#">说出你想要的</a></p>
                        <p><a href="#">门店位置</a></p>
                        <p><a href="#">帮助</a></p>
                    </li>
                    <li>
                        <p>扫码关注官方微信</p>
                        <a href="#"><img src="../Sports shoping/images/footer-weixin.jpg"></a>
                    </li>
                    <li> 
                        <p>联系我们</p>
                        <p>
                            <i class="icon-footer-mail"></i>
                            <a href="#">service@nbastore.cn</a>
                        </p>
                        <p>
                            <i class="icon-footer-telephone"></i>
                            400-0066-802（9:00 – 22:00）
                        </p>
                        <p>
                            <i class="icon-footer-service"></i>
                            <a href="#">在线客服（9:00 – 22:00）</a>
                        </p>
                        <p>
                            <i class="icon-footer-weibo"></i>
                            <a href="#">SPORTSSTORE官方微博</a>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="mod_copyright">
                    <div class="links">
                        <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">联系客服</a> | <a href="#">商家入驻</a> | <a href="#">营销中心</a> | <a href="#">手机品体网</a> | <a href="#">友情链接</a> | <a href="#">销售联盟</a> | <a href="#">体网社区</a> | <a href="#">体网公益</a> | <a href="#">English Site</a> | <a href="#">Contact U</a>
                    </div>
                    <div class="copyright">
                        地址：河南省信阳市新县 邮编：465558 电话：400-618-4000 传真：010-82935100 邮箱: 1358933846@qq.com
京ICP备08001421号京公网安备110108007702
                    </div>

            </div>
        </div>
    </div>
</body>
</html>